@media screen and (max-width: 767px) {

    .map-card {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 12px;
        padding: 12px;
    }

    .map-card-left {
        flex-shrink: 0;
    }

    .map-thumb {
        width: 72px;
        height: 40px;
    }

    .map-card-center {
        position: static;
        transform: none;

        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
    }

    .team-side img {
        width: 20px;
        height: 20px;
    }

    .map-card-score {
        font-size: 14px;
        white-space: nowrap;
    }

    .map-card-right {
        margin-left: auto;
        font-size: 12px;
        text-align: right;
        flex-shrink: 0;
    }
}